<template>
  <div class="logo"></div>
</template>

<script>
import { mixin } from '@/utils/mixin.js'

export default {
  name: 'Logo',
  mixins: [mixin],
}
</script>
<style lang="less" scoped>
/*缩小首页布 局顶部的高度*/
@height: 64px;
.sider {
  .logo {
    height: @height !important;
    line-height: @height !important;
    box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
    transition: background 300ms;

    a {
      color: white;
      &:hover {
        color: rgba(255, 255, 255, 0.8);
      }
    }
  }

  &.light .logo {
    background-color: #fff;
  }
}
</style>
